<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>精研 3.0 - 情绪组合</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">

    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">

</head>
<script>
    function startTime(){
        var today=new Date();
        var h=today.getHours();
        var m=today.getMinutes();
        var s=today.getSeconds();// 在小于10的数字前加一个‘0’
        m=checkTime(m);
        s=checkTime(s);
        document.getElementById('rockTime').innerHTML=h+":"+m+":"+s;
        t=setTimeout(function(){startTime()},500);
    }
    function checkTime(i){
        if (i<10){
            i="0" + i;
        }
        return i;
    }
</script>

<body class="gray-bg" onload="startTime()">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <H3>&nbsp; &nbsp; &nbsp;<a id="rockTime" style="font-size:25px;color:red;"></a>&nbsp; &nbsp; &nbsp; <a style="font-size:10px;">Tips：每一分钟自动刷新！</a></H3>
            <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content">
                            <h2 style="font-size:20px;font-weight:bold;color:red;">历史涨停（超过80一般会反转，建议超过80卖出操作）</h2>
                            <h2> </br></h2>
                            <div id="sparkline10"></div>
                        </div>
                    </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content ">
                        <h5 class="m-b-md" style="font-size:20px;">上&nbsp;&nbsp;证</h5>
                        <h2 class="text-navy">
                            <a th:text="${todayQinXuNow.shTradeSum}+'亿'" style="font-size:40px;font-weight:bold;"/>   &nbsp;

                                </h2>
                        <small >
                            <i th:if="${todayQinXuNow.yestodayShAmountUp} ge 0"  style="font-size:18px;font-weight:bold;">
                                <p style="font-family:arial;color:red;font-size:18px;" >较昨日增加：&nbsp;&nbsp;<a th:text="${todayQinXuNow.yestodayShAmountUp}+'%  &nbsp;&nbsp;' + ${todayQinXuNow.yestodayShAmount}+'亿'"  style="font-size:16px;font-weight:bold;color:red;" /></p>
                            </i>
                            <i th:if="${todayQinXuNow.yestodayShAmountUp} lt 0"  style="font-size:18px;font-weight:bold;">
                                <p style="font-family:arial;color:green;font-size:18px;" >较昨日減少：&nbsp;&nbsp;<a th:text="${todayQinXuNow.yestodayShAmountDown}+'%  &nbsp;&nbsp;' + ${todayQinXuNow.yestodayShAmount}+'亿'"  style="font-size:16px;font-weight:bold;color:green;" /></p>
                            </i>
                        </small>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content">
                        <h5 class="m-b-md" style="font-size:20px;">创业板</h5>
                        <h2 class="text-danger">
<!--                                    <i class="fa fa-play fa-rotate-90"></i> 下降-->
                            <a th:text="${todayQinXuNow.szTradeSum}+'亿'" style="font-size:40px;font-weight:bold;"/>   &nbsp;
                                </h2>
                        <small> <i th:if="${todayQinXuNow.yestodaySzAmountUp} ge 0"  style="font-size:18px;font-weight:bold;">
                            <p style="font-family:arial;color:red;font-size:18px;" >较昨日增加：&nbsp;&nbsp;<a th:text="${todayQinXuNow.yestodaySzAmountUp}+'%  &nbsp;&nbsp;' + ${todayQinXuNow.yestodaySzAmount}+'亿'"  style="font-size:16px;font-weight:bold;color:red;" /></p>
                        </i>
                            <i th:if="${todayQinXuNow.yestodaySzAmountUp} lt 0"  style="font-size:18px;font-weight:bold;">
                                <p style="font-family:arial;color:green;font-size:18px;" >较昨日減少：&nbsp;&nbsp;<a th:text="${todayQinXuNow.yestodaySzAmountDown}+'%  &nbsp;&nbsp;' + ${todayQinXuNow.yestodaySzAmount}+'亿'"  style="font-size:16px;font-weight:bold;color:green;" /></p>
                            </i> </small>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content">
                        <h2 style="font-size:20px;font-weight:bold;color:green;">历史跌停</h2>
                        <h2> </br></h2>
                        <div id="sparkline11"></div>
                    </div>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content">
                        <h5 style="font-size:20px;color:red;">涨停</h5>
                        <h2> <a th:text="${todayQinXuNow.nowZtzs}" style="font-size:40px;font-weight:bold;"/>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a style="font-size:20px;font-weight:bold;">昨日</a> &nbsp;&nbsp;
                            <a th:text="'Max '+${todayQinXuNow.yestodayMaxZhangTingNum}" style="font-size:16px;font-weight:bold;color:red;"></a>
                            &nbsp;&nbsp;
                            <a th:text="'Min '+${todayQinXuNow.yestodayMinZhangTingNum}" style="font-size:16px;font-weight:bold;color:green;"></a>
                        </h2>

                        <div id="sparkline1"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content">
                        <h5 style="font-size:20px;color:red;">上涨</h5>
                        <h2> <a th:text="${todayQinXuNow.ztzs}" style="font-size:40px;font-weight:bold;"/>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a style="font-size:20px;font-weight:bold;">昨日</a> &nbsp;&nbsp;
                            <a th:text="'Max '+${todayQinXuNow.yestodayMaxUpNum}" style="font-size:16px;font-weight:bold;color:red;"></a>
                            &nbsp;&nbsp;
                            <a th:text="'Min '+${todayQinXuNow.yestodayMinUpNum}" style="font-size:16px;font-weight:bold;color:green;"></a>
                        </h2>
                        <div id="sparkline3"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content">
                        <h5 style="font-size:20px;color:green;">下跌</h5>
                        <h2> <a th:text="${todayQinXuNow.dtzs}" style="font-size:40px;font-weight:bold;"/>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <a style="font-size:20px;font-weight:bold;">昨日</a> &nbsp;&nbsp;
                            <a th:text="'Max '+${todayQinXuNow.yestodayMaxDownNum}" style="font-size:16px;font-weight:bold;color:red;"></a>
                            &nbsp;&nbsp;
                            <a th:text="'Min '+${todayQinXuNow.yestodayMinDownNum}" style="font-size:16px;font-weight:bold;color:green;"></a>
                        </h2>
                        <div id="sparkline4"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox">
                    <div class="ibox-content">
                        <h5 style="font-size:20px;color:green;">跌停</h5>
                        <h2> <a th:text="${todayQinXuNow.nowDtzs}" style="font-size:40px;font-weight:bold;"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a style="font-size:20px;font-weight:bold;">昨日</a> &nbsp;&nbsp;
                             <a th:text="'Max '+${todayQinXuNow.yestodayMaxDieTingNum}" style="font-size:16px;font-weight:bold;color:red;"></a>
                            &nbsp;&nbsp;
                             <a th:text="'Min '+${todayQinXuNow.yestodayMinDieTingNum}" style="font-size:16px;font-weight:bold;color:green;"></a>
                        </h2>
                        <div id="sparkline2"></div>
                    </div>
                </div>
            </div>
        </div>
<!--        <div class="row">-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>使用率</h5>-->
<!--                        <h2>65%</h2>-->
<!--                        <div class="progress progress-mini">-->
<!--                            <div style="width: 68%;" class="progress-bar"></div>-->
<!--                        </div>-->

<!--                        <div class="m-t-sm small">4:32更新</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>使用率</h5>-->
<!--                        <h2>50%</h2>-->
<!--                        <div class="progress progress-mini">-->
<!--                            <div style="width: 78%;" class="progress-bar"></div>-->
<!--                        </div>-->

<!--                        <div class="m-t-sm small">4:32更新</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>使用率</h5>-->
<!--                        <h2>14%</h2>-->
<!--                        <div class="progress progress-mini">-->
<!--                            <div style="width: 38%;" class="progress-bar progress-bar-danger"></div>-->
<!--                        </div>-->

<!--                        <div class="m-t-sm small">4:32更新</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>使用率</h5>-->
<!--                        <h2>20%</h2>-->
<!--                        <div class="progress progress-mini">-->
<!--                            <div style="width: 28%;" class="progress-bar progress-bar-danger"></div>-->
<!--                        </div>-->

<!--                        <div class="m-t-sm small">4:32更新</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="row">-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>百分比</h5>-->
<!--                        <h2>42/20</h2>-->
<!--                        <div class="text-center">-->
<!--                            <div id="sparkline5"></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>百分比</h5>-->
<!--                        <h2>100/54</h2>-->
<!--                        <div class="text-center">-->
<!--                            <div id="sparkline6"></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>百分比</h5>-->
<!--                        <h2>685/211</h2>-->
<!--                        <div class="text-center">-->
<!--                            <div id="sparkline7"></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>百分比</h5>-->
<!--                        <h2>240/32</h2>-->
<!--                        <div class="text-center">-->
<!--                            <div id="sparkline8"></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>收入</h5>-->
<!--                        <h1 class="no-margins">886,200</h1>-->
<!--                        <div class="stat-percent font-bold text-navy">98% <i class="fa fa-bolt"></i></div>-->
<!--                        <small>总收入</small>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>本月收入</h5>-->
<!--                        <h1 class="no-margins">1 738,200</h1>-->
<!--                        <div class="stat-percent font-bold text-navy">98% <i class="fa fa-bolt"></i></div>-->
<!--                        <small>总收入</small>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>本日收入</h5>-->
<!--                        <h1 class="no-margins">-200,100</h1>-->
<!--                        <div class="stat-percent font-bold text-danger">12% <i class="fa fa-level-down"></i></div>-->
<!--                        <small>总收入</small>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>搜索有收入</h5>-->
<!--                        <h1 class="no-margins">54,200</h1>-->
<!--                        <div class="stat-percent font-bold text-danger">24% <i class="fa fa-level-down"></i></div>-->
<!--                        <small>总收入</small>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>预警</h5>-->
<!--                        <table class="table table-stripped small m-t-md">-->
<!--                            <tbody>-->
<!--                                <tr>-->
<!--                                    <td class="no-borders">-->
<!--                                        <i class="fa fa-circle text-navy"></i>-->
<!--                                    </td>-->
<!--                                    <td class="no-borders">-->
<!--                                        示例 01-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-navy"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 02-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-navy"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 03-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                            </tbody>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>项目</h5>-->
<!--                        <table class="table table-stripped small m-t-md">-->
<!--                            <tbody>-->
<!--                                <tr>-->
<!--                                    <td class="no-borders">-->
<!--                                        <i class="fa fa-circle text-navy"></i>-->
<!--                                    </td>-->
<!--                                    <td class="no-borders">-->
<!--                                        示例 01-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-navy"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 02-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-navy"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 03-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                            </tbody>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>消息</h5>-->
<!--                        <table class="table table-stripped small m-t-md">-->
<!--                            <tbody>-->
<!--                                <tr>-->
<!--                                    <td class="no-borders">-->
<!--                                        <i class="fa fa-circle text-danger"></i>-->
<!--                                    </td>-->
<!--                                    <td class="no-borders">-->
<!--                                        示例 01-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-danger"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 02-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-danger"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 03-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                            </tbody>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="ibox">-->
<!--                    <div class="ibox-content">-->
<!--                        <h5>通知</h5>-->
<!--                        <table class="table table-stripped small m-t-md">-->
<!--                            <tbody>-->
<!--                                <tr>-->
<!--                                    <td class="no-borders">-->
<!--                                        <i class="fa fa-circle text-danger"></i>-->
<!--                                    </td>-->
<!--                                    <td class="no-borders">-->
<!--                                        示例 01-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-danger"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 02-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>-->
<!--                                        <i class="fa fa-circle text-danger"></i>-->
<!--                                    </td>-->
<!--                                    <td>-->
<!--                                        示例 03-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                            </tbody>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <div class="row">
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>任务列表</h3>
                        <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
                        <ul class="sortable-list connectList agile-list" th:each="result,resultStat:${companyStocksList}" >
                            <li class="danger-element" >
                                <a id="name" style="font-size:15px;color: #399bff" th:text="${result.companyName}"></a>&nbsp;&nbsp;&nbsp;
                                <a th:id="'code_'+${result.companyCode}" style="font-size:15px;" th:text="${result.companyCode}">sz002192</a>&nbsp;&nbsp;&nbsp;
                                <a th:id="'zd_'+${result.companyCode}" style="font-size:15px;"></a>
                                <div class="agile-detail">
                                    <i class="fa fa-clock-o" th:text="${result.stockDesc}"></i>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>进行中</h3>
                        <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
                        <ul class="sortable-list connectList agile-list">
                            <li class="success-element">
                                全面、较深入地掌握我们“产品”的功能、特色和优势并做到应用自如。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.01
                                </div>
                            </li>
                            <li class="success-element">
                                根据自己以前所了解的和从其他途径搜索到的信息，录入客户资料150家。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="warning-element">
                                锁定有意向客户20家。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.10
                                </div>
                            </li>
                            <li class="warning-element">
                                力争完成销售指标。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.09
                                </div>
                            </li>
                            <li class="info-element">
                                在总结和摸索中前进。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
                                    <i class="fa fa-clock-o"></i> 2015.08.04
                                </div>
                            </li>
                            <li class="success-element">
                                不断学习行业知识、产品知识，为客户带来实用介绍内容
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="danger-element">
                                先友后单：与客户发展良好友谊，转换销售员角色，处处为客户着想
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.11.04
                                </div>
                            </li>
                            <li class="danger-element">
                                先友后单：与客户发展良好友谊，转换销售员角色，处处为客户着想
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.11.04
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>已完成</h3>
                        <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
                        <ul class="sortable-list connectList agile-list">
                            <li class="info-element">
                                制定工作日程表
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.10
                                </div>
                            </li>
                            <li class="warning-element">
                                每天坚持打40个有效电话，挖掘潜在客户
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.09
                                </div>
                            </li>
                            <li class="warning-element">
                                拜访客户之前要对该客户做全面的了解(客户的潜在需求、职位、权限以及)
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.09
                                </div>
                            </li>
                            <li class="warning-element">
                                提高自己电话营销技巧，灵活专业地与客户进行电话交流
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
                                    <i class="fa fa-clock-o"></i> 2015.08.04
                                </div>
                            </li>
                            <li class="success-element">
                                通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="success-element">
                                通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="success-element">
                                通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="success-element">
                                通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script src="/js/jquery.min.js?v=2.1.4"></script>
    <script src="/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="/js/plugins/sparkline/jquery.sparkline.min.js"></script>
    <script src="/js/plugins/peity/jquery.peity.min.js"></script>
    <script src="/js/content.min.js?v=1.0.0"></script>
    <script src="/js/demo/peity-demo.min.js"></script>
    <script>
        $(document).ready(function () {
            var zhangTingList= [[${zhangTingList}]];
            var dieTingList= [[${dieTingList}]];
            var szList= [[${szList}]];
            var xdList= [[${xdList}]];
            var zhangTingHistory= [[${zhangTingHistory}]];
            var dieTingHistory= [[${dieTingHistory}]];
            $("#sparkline1").sparkline( zhangTingList,
                {
                type: "line",
                width: "100%",
                height: "60",
                lineColor: "#ed5565",
                fillColor: "#ffffff"
            });
            $("#sparkline2").sparkline(dieTingList, {
                type: "line",
                width: "100%",
                height: "60",
                lineColor: "#1ab394",
                fillColor: "#ffffff"
            });
            $("#sparkline3").sparkline(szList, {
                type: "line",
                width: "100%",
                height: "60",
                lineColor: "#ed5565",
                fillColor: "#ffffff"
            });
            $("#sparkline4").sparkline(xdList, {
                type: "line",
                width: "100%",
                height: "60",
                lineColor: "#1ab394",
                fillColor: "#ffffff"
            });
            $("#sparkline10").sparkline( zhangTingHistory,
                {
                    type: "line",
                    width: "100%",
                    height: "60",
                    lineColor: "#ed5565",
                    fillColor: "#ffffff"
                });
            $("#sparkline11").sparkline( dieTingHistory,
                {
                    type: "line",
                    width: "100%",
                    height: "60",
                    lineColor: "#1ab394",
                    fillColor: "#ffffff"
                });
            $("#sparkline5").sparkline([1, 4], {type: "pie", height: "140", sliceColors: ["#1ab394", "#F5F5F5"]});
            $("#sparkline6").sparkline([5, 3], {type: "pie", height: "140", sliceColors: ["#1ab394", "#F5F5F5"]});
            $("#sparkline7").sparkline([2, 2], {type: "pie", height: "140", sliceColors: ["#ed5565", "#F5F5F5"]});
            $("#sparkline8").sparkline([2, 3], {type: "pie", height: "140", sliceColors: ["#ed5565", "#F5F5F5"]})
        });

    </script>

    <script language="JavaScript">
        function myrefresh()
        {
            window.location.reload();
        }
        setTimeout('myrefresh()',60000); //指定1分钟刷新一次
        $(document).ready(function () {
            var companyStocksList= [[${companyStocksList}]];

            queryDataTimer(companyStocksList);
        });
        //控制循环Timer
        function queryDataTimer(companyStocksList){
            alert(companyStocksList)
            //for( var i=0;i<2000;i++){
            //  for(var i=0;i<companyStocksList.length;i++){
            //  var companyCode=companyStocksList[i].companyCode;
            //alert(companyCode);
            // var idCode="code_"+companyCode;
            //var idZhangDie="zd_"+companyCode;

            // setTimeout('queryData(idCode,idZhangDie)',1000);
            // }
            // }
        }
        //Ajax请求后台数据
        function queryData(code,htmlID)
        {

            code= $("#code").text;
            htmlID= $("#zhangdie").text;
            $.ajax({
                url : '/ajaxRequest',
                type : "get",
                data:{
                    'code':code,
                },
                success : function(data){
                    $("#"+htmlID).html(data);
                }
            });
        }
        //setTimeout('queryDataTimer()',500)
    </script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>

</html>